<!DOCTYPE html>

<!-- $Id: checkbox.html 12 2012-04-12 05:45:54Z azbitnev@gmail.com $ -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> 
<meta http-equiv="Pragma" content="no-cache"/>
<meta http-equiv="Expires" content="-1"/>

<title>checkbox</title>

<link href="960c12.css" rel="stylesheet" type="text/css"/>

<link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.min.css" rel="stylesheet" type="text/css"/> 
<!--[if IE]><link href="http://dl.dropbox.com/u/68550731/red-sparkle/red.sparkle.ie.min.css" rel="stylesheet" type="text/css"/><![endif]-->

<link href="../release/themes/grey.min.css" rel="stylesheet" type="text/css"/> 

<script src="http://code.jquery.com/jquery.min.js" charset="utf-8" type="text/javascript"></script>
<script src="../release/jquery.ys.min.js"></script>

<style>

body { margin: 1em; }


</style>

<script>

$(document).ready(function () {

	$.ys.checkbox.create('input[type=checkbox], input[type=radio]')
})

</script>

</head>

<body>

	<table class="layout ex1">
		<tr>
			<td><input type="checkbox" checked="true" id="ex1c1"/></td>
			<td><label for="ex1c1">checkbox 1</label></td>
		</tr>
		<tr>
			<td><input type="checkbox" id="ex1c2"/></td>
			<td><label for="ex1c2">checkbox 2</label></td>
		</tr>
		<tr>
			<td><input type="checkbox" id="ex1c3" disabled="true"/></td>
			<td><label for="ex1c3">checkbox 3</label></td>
		</tr>
		<tr>
			<td><input type="checkbox" id="ex1c4" checked="true" disabled="true"/></td>
			<td><label for="ex1c4">checkbox 4</label></td>
		</tr>


	</table>

	<fieldset class="ex2">
		<legend>Choose one option</legend>
		<input type="radio" id="ex2o1" name="ex2"> <label for="ex2o1">option 1</label><br/>
		<input type="radio" id="ex2o2" name="ex2" checked="true"> <label for="ex2o2">option 2</label><br/>
		<input type="radio" id="ex2o3" name="ex2"> <label for="ex2o3">option 3</label><br/>
		<input type="radio" id="ex2o4" name="ex2" disabled="true"> <label for="ex2o4">option 4</label><br/>
	</fieldset>

</body>